*{
  box-sizing: border-box;
  outline: none;
  margin: 0;
  padding: 0;
}
html{
  font-size: 16px;
  width: 100%;
  height: 100%;
  // zoom: 0.8;
}
body{
  width: 100%;
  height: 100%;
  line-height: 2rem;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  // zoom: 0.8;
  // transform: scale(0.8, 0);
  // transform-origin: left top 0px;
}



$color: (
  
);
@each $var in (left, center, right) {
  .text-#{$var}{
    text-align: $var;
  }
}

a,a:hover{
  color: white;
  text-decoration: none;
}

ml-label{
  margin-left: 5rem;
}

$base-font-size: 1rem;//1rem
$font-sizes: (l1: 0.9688, l2: 0.9375, l3: 0.9063, l4: 0.875, l5: 0.8438, l6: 0.8125, l7: 0.7813, l8: 0.75, l9: 0.7188, l10: 0.6875, h1: 1.0313, h2: 1.0625, h3: 1.0938, h4: 1.125, h5: 1.1563, h6: 1.1875, h7: 1.2188, h8: 1.25, h9: 1.3438, h10: 1.375 ); 

@each $font-size-key, $font-size in ($font-sizes){
  .fs-#{$font-size-key}{
    font-size: $font-size * $base-font-size;
  }
}

//position
.d-a{
  position: absolute!important;
}
.d-r{
  position: relative!important;
}
//flex
.d-flex{
  display: flex!important;
}
.flex-column{
  flex-direction: column;
}

$flex-jc: (
  start: flex-start,
  end: flex-end,
  center: flex-center,
  between: space-between,
  around: space-around
);
  
//.jc-
@each $key, $value in ($flex-jc) {
  .jc-#{$key}{
    justify-content: $value!important;
  }
}

$flex-ai: (
  start: flex-start,
  end: flex-end,
  center: flex-center,
  stretch: stretch
);
  
//.ai-
@each $key, $value in ($flex-jc) {
  .ai-#{$key}{
    align-items: $value;
  }
}

.flex-1{
  flex: 1;
}
.flex-grow-1{
  flex-grow: 1;
}

//spacing
$spacing-type: (m: margin, p: padding);
$spacing-to: (t: top, l: left, r: right, b: bottom);
$spacing-size: (0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10);
//.m-0 .p-0
@each $type-key, $type-value in $spacing-type{
    @each $size-key in $spacing-size{
      .#{$type-key}-#{$size-key}{
        #{$type-value}: $size-key * 0.5 *$base-font-size;
      }
    }
}

//.mt .ml     .pt .pl
//.mb .mr     .pb .pr
@each $type-key, $type-value in $spacing-type{
  @each $to-key, $to-value in $spacing-to{
    @each $size-key in $spacing-size{
      .#{$type-key}#{$to-key}-#{$size-key}{
        #{$type-value}-#{$to-value}: $size-key * 0.5 *$base-font-size!important;
      }
    }
  }
}
//.mx- .px-
@each $type-key, $type-value in $spacing-type{
    @each $size-key in $spacing-size{
      .#{$type-key}x-#{$size-key}{
        #{$type-value}-left: $size-key * 0.5 *$base-font-size;
        #{$type-value}-right: $size-key * 0.5 *$base-font-size;
      }
    }
}
//.my- .py-
@each $type-key, $type-value in $spacing-type{
  @each $size-key in $spacing-size{
    .#{$type-key}y-#{$size-key}{
      #{$type-value}-top: $size-key * 0.5 *$base-font-size;
      #{$type-value}-bottom: $size-key * 0.5 *$base-font-size;
    }
  }
}

//height
//width
$base-size: 10%;
$base-size-rem: 1rem;
$sizes : (1, 2, 3, 4, 5, 6, 7, 8, 9, 10);
$types : (w, h);


@each $size in $sizes{
  .w-#{$size}{
    width: $size * $base-size;
  }
  .h-#{$size}{
    height:  $size * $base-size;
  }
  .w-#{$size}r{
    width: $size * $base-size-rem;
  }
  .h-#{$size}r{
    height:  $size * $base-size-rem;
  }
}


.bor-b{
  border-bottom: 1px solid gray;
}


@font-face {font-family: "iconfont";
  src: url('assets/fonts/iconfont.eot?t=1575344593892'); /* IE9 */
  src: url('assets/fonts/iconfont.eot?t=1575344593892#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAM0AAsAAAAABwQAAALlAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAqCEIIBATYCJAMICwYABCAFhG0HLxsmBsgusG3YE0gyDSgs7vL2L+EaDIcIqjWs526DqBBdogg0oJBAKpItkNLJv35NGssDe55c0xToO4acL8shqyInT23zl0/JbSwMgbBTNWLkZjc/VpO9uYMdz8y4y9/UODB18xeN2QLAXrDOs/+tCwSDDbiALPfMRvp/Dpc2xecHymXuQb0A40AKaKxNvUg6kDsAvmHsghd4nECpFjaa+ZUtPzBL7HGB2Bf5DDAX7JLEQsVCYcPSJO6BQXF2gV4B4C76+fgKPGEmU5CzM5Y2l/Ng7gOcCN32fy4eIABjOS3YKnIMARKx1qhfoEv8Q3RKdb9eB3Cs1OAD/h8oxVH/eaKQnVwOmiD9mRge81H/MgMJRVgFHE6yUFRuc8tw16OX8fcG9CFevG0HqvxkUIpkfBOruAqPpxuUErUD2vM+4Ubdtcc91it0tkLZW05bGkfgJPt5jqv43ioqks95QamQllEg5zns8sLeSD9/9U/I04DboFREhRSYN6xwP70/3HCw+OG0fvd+Wzvbbz51VuO++2o/2ffN7d+6uSZ45eieb0ZoOtzVdFWVQ9fdnBPAHID/5a91W7/7d+yPvl/ZPvVn9gTe+69F1v8lw4xA8U0Zgp/LGFiXDJatyJLGaAxnVpluuqRUKf6DzbXepoob3iQcijW8j7FIcwa5Yl3IhB2CAmVGoFCxKSg1aHV1mTqUTqQSDDgAEKrdQabSM8hVe0Ym7CsUaPQNhapDB6U2onvLMj0hcosUZRjKw2wdijlSwq6KcXGqF/HlQobmWREuiKgquqDb4SqHVlEJ0SVmqBXewxiGmJIiXAGnoUKBQIUSCeWYQ2BMmXA6cdObHDlSBJw5FJLBIHlQVh0kyiFKcNCc4Srf90J4ZQUZtKOmTh6EUCqxc8jNwTUAucovDap5lFdUFTwPhsEgjCKKoBUwCCkoICCleZAEyWEchAlexQSn0wgP5Tu2Fxb/bguUsiVZOH1yBQekhOoAAAAAAA==') format('woff2'),
  url('assets/fonts/iconfont.woff?t=1575344593892') format('woff'),
  url('assets/fonts/iconfont.ttf?t=1575344593892') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('assets/fonts/iconfont.svg?t=1575344593892#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-money:before {
  content: "\e613";
}

